<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东快速购物导航</title>
    <style>
        p{
            position: fixed;
            right: 5%;
            top: 50%;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <div>
        <p>
            <a href="img1.png">F1</a>
            <br/>
            <a href="img2.png">F2</a>
            <br/>
            <a href="img3.png">F3</a>
            <br/>
            <a href="img4.png">F4</a>
            <br/>
        </p>
        <img src="img1.png" alt="img1"/>
        <img id="F1" src="img2.png"   alt="img1"/>
        <img id="F2" src="img3.png" alt="img1"/>
        <img id="F3" src="img4.png" alt="img1"/>
        <img id="F4" src="img5.png" alt="img1"/>
    </div>

</body>
</html>